<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no"/>
<title>狮子会内容页</title>
<link href="/Public/css/fontpic.css" type="text/css" rel="stylesheet" />
<link href="/Public/css/maint.css" type="text/css" rel="stylesheet" />
<script src="/Public/js/common.cookie.js" type="text/javascript"></script>
<script src="/Public/js/page.attend.js" type="text/javascript"></script>
<script src="/Public/js/common.upload.js" type="text/javascript"></script>
<style>
*{
	margin:0px;
}
</style>
</head>	
<body>
<div class="mask"></div>
<!-------------main------------------------->
<div id="main" class="bot40">
	 <div class="form-horizontal" id="thisForm" method="post">
     	<!------------上传成功------------------------->
        <div class="uploadSucess">
        	<h1 class="h1upldSucess"><span class="fa fa-fw fa-check"></span>上传成功</h1>
            <p class="pUpldScss">作品已上传，可到“我的作品”查看作品审核状态。相应编号以及作品信息已发送至指导老师(18868809431)，家长(13586410432)请注意查收!</p>
            <div class="upldSucBtn"><a href="list.html">确定</a></div>
        </div>
        <!------------上传成功------------------------->
        <!-------------注册失败---------------------->
        <div class="uploadregstFail">
        	<p class="pFail"><span class="fa fa-fw fa-exclamation-circle"></span>注册失败！</p>
        </div>
        <!-------------注册失败------------------------>
         <!-------------登录---------------------->
        <div class="uploadloginFail">
        	<p class="pFail"><span class="fa fa-fw fa-exclamation-circle"></span>登录失败！</p>
        </div>
        <!-------------登录失败------------------------>
        <!------------登录------------------------->
		<div class="loginBox" >
        <span class="fa fa-fw fa-close spanClose"></span>
			<h1>用户登录</h1>
			<div class="tipinfo loginFail"></div> 
			<div class="divregist">
				<input placeholder="手机号码" class="uploadTxt uploadTxtFix" type="tel" id="loginTelephone"> 
				<div class="tipinfo"></div> 
			</div>
			<div class="divregist login">
                <span id="sp1">
				<input type="password" placeholder="请输入密码" class="uploadTxtFix" id="loginPassword" />
            	</span>
                <div class="slideBox">  
                    <input type="checkbox" id="togglePassword"  name="check" checked onclick="checkBox()">
                    <label for="togglePassword"></label>
                </div>
				<div class="tipinfo"></div> 
			</div>
            <input type="button" class="loginBtn" value="立即登录" class="loginBtn">
            <span class="goregister">立即注册</span>
		</div>
        <!------------登录END------------------------->
        <!------------注册------------------------->
        <div class="registeBox" >
        	<span class="fa fa-fw fa-close spanClose"></span>

        	<h1>用户注册</h1>
            <div class="divregist">
				<input placeholder="手机号码" class="uploadTxtFix" type="tel" name="registeTelephone" id="registeTelephone"> 
				<div class="tipinfo"></div> 
			</div>
            <div class="divregist">
                <input type="button" id="validbtn" class="btn_mfyzm" value="获取验证码" />
                <input type="text" placeholder="验证码" name="smscode" id="smscode" class="uploadTxtFix" id="vode"/>
            </div>
            <div class="divregist login">
                <span id="sp2">
					<input name="registePassword" id="registePassword" type="password" placeholder="请设置密码" class="uploadTxtFix"/> 
            	</span>
                <div class="slideBox">  
                    <input type="checkbox" id="togglePassword2"  name="check" checked onclick="checkBox2()">
                    <label for="togglePassword2"></label>
				</div>
				<div class="tipinfo"></div> 
			</div>
           <!-- <div class="divregist">
				<input placeholder="您的姓名" class="uploadTxtFix" type="text" name="registeName" id="registeName"> 
				<div class="tipinfo"></div> 
			</div>-->
             <input type="button" class="registeBtn" value="注册账号，完成上传"  />
            <span class="gologin">已有账号,立即上传</span>
        </div>
        <!------------注册END--------------------------> 
	<div class="upLoadState" >已上传作品？<!--<a class="loginRegiste">-->登录<!--</a>-->查看</div>
    <h1 class="h1Upload">作品上传</h1>
    <!-------------upload------------------------->
    <div class="uploadBox">
        <div class="andArea">
			<form class="ajaxFileUploadForm" display="hidden" enctype="multipart/form-data">
				<div class="thumbnail placedRelative">
					<img src=""  width="100%" height="150px">
					<span class="glyphicon glyphicon-search" aria-hidden="true"></span>	
				</div>
				<input type="hidden" name="pic" data-action="preview" data-save="cookie" data-name='pic'> <!-- TODO: could be better -->
				<input type="file" name='inputFile' id='inputFile' data-action="upload" data-upload_options="async">
				<div class="tipinfo"></div>
		 	</form>
        </div>
        <h1 class="h1upInfo">上传作品大小需小于2M</h1>
        <div class="divZp"><span class="spanUpload"><span class="red">*</span>作品名称</span>
			<input placeholder="请输入作品名称" type="text" class="uploadTxt"  name="show_name" id="zpName" data-validate="requireLength" data-min="2" data-save="cookie" data-name="show_name">
			 <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
		</div>
        <div class="upInfo">
        	<textarea placeholder="创作说明" class="txtUpload" name="article" id="article" data-validate="requireLength" data-min="2" data-save="cookie" data-name="contract"></textarea>
            <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
        </div>
    </div>
    <!-------------upload END------------------------->
    <!-------------data------------------------->
   
    <div class="uploadData" style="background-color:#eee">
    	<h1 class="h1Data">参赛作品卡</h1>
        <ul class="ulUpload">
        	<li class="liUpload"><span class="red">*</span><span class="spanUpload">作者姓名</span>
            	<input placeholder="参赛者姓名" type="text" class="uploadTxt"  name="userName" id="userName" data-validate="nameFormat" data-save="cookie" data-name="author_name">
               <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span class="spanUpload">出生日期</span>
             <input placeholder="出生日期" type="date" class="dateClass" name="date" id="date" data-validate="requireNotNull" data-save="cookie" data-name="birth_time">
              <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span class="spanUpload">年龄证明</span>
                <div class="divZmBtn">
					<input type="hidden" name="birth_file" data-save="cookie" data-name="birth_file" value="birth_file">
					<input type="file" class="zmBtn" id="filFile" name="filFile" data-validate="requireNotNull" >
                	<div class="tipinfo">
						<div class="error"></div>
						<div class="valid"></div>
					</div>
                </div>
                <span class="spanTips">*请上传可证明作者年龄的有效证件照片</span>
            </li>
            <li class="liUpload"><span class="red">*</span><span  class="spanUpload">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;校</span>
            	<input placeholder="请填写所在学校" type="text" class="uploadTxt" name="school" id="school"  data-save="cookie" data-name="school_name" data-validate="requireLength" data-min="2">
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span  class="spanUpload">年&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;级</span>
            	<select name="nianjselect" class="nianjselect" id="nianjselect" data-validate="requireIn" data-scope="1,2,3,4,5,6" data-save="cookie" data-name="grade" placeholder="学校">
                    <option selected value="0">请选择年级</option> 
                    <option value="1">一年级</option> 
                    <option value="2">二年级</option> 
                    <option value="3">三年级</option>
                    <option value="4">四年级</option>
                    <option value="5">五年级</option>
                    <option value="6">六年级</option>
		        </select>
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
             <li class="liUpload"><span class="white">*</span><span  class="spanUpload">教师姓名</span>
            	<input placeholder="教师姓名" type="text" class="uploadTxt" name="teacherName" id="teacherName" data-save="cookie" data-name="teacher_name">
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload">
            	<span class="white">*</span><span class="spanUpload">教师电话</span>
            	<input placeholder="请输入手机号码" class="uploadTxt" type="tel" name="teachersms" id="teachersms" data-save="cookie" data-name="teacher_telephone"> 
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span  class="spanUpload">家长姓名</span>
            	<input placeholder="家长姓名" type="text" class="uploadTxt" name="jzName" id="jzName" data-validate="nameFormat" data-save="cookie" data-name="parent_name">
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload">
            	<span class="red">*</span><span class="spanUpload">家长电话</span>
            	<input placeholder="请输入手机号码" class="uploadTxt" type="tel" name="sms" id="sms" data-validate="telephoneFormat" data-save='cookie' data-name="parent_telephone"> 
                <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span  class="spanUpload">行政区属</span>
			<select id="seachprov" name="seachprov" onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');" class="areaSelect" data-save="cookie" data-name="provience"></select>
				<select id="seachcity" name="homecity" onChange="changeCity(this.value,'seachdistrict','seachdistrict');" class="areaSelect" data-save="cookie" data-name="city"></select>
				<span id="seachdistrict_div">
					<select id="seachdistrict" name="seachdistrict" class="areaSelect" data-validate="requireSelects" data-save="cookie" data-name="region" >
					</select>
				</span> 
               <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span class="red">*</span><span  class="spanUpload">联系地址</span>
            	<input placeholder="家庭地址或学校地址" type="text" class="uploadTxt" name="address" id="address" data-validate="requireLength" data-min="2" data-save="cookie" data-name="address">
                 <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
            <li class="liUpload"><span  class="spanUpload">支持服务队</span>
            	<select  class="uploadselect" name="support" id="support" data-save="cookie" data-name="support_team">  
                    <option value="0">请选择服务队</option> 
                    <option value="1">大禹服务队</option> 
                    <option value="2">西子服务队</option> 
                    <option value="3">欣火服务队</option>
		        </select>
                 <div class="tipinfo"><div class="error"></div><div class="valid"></div></div>
            </li>
        </ul>
        <div class="upLoadAdd">
         	点击完善信息，获取更多展示机会
        </div>
        <div class="upLoadAddBox" style="display:none">
        	 <h1 class="h1UploadAdd">作者介绍</h1>
             <textarea placeholder="作者介绍" class="txtAdd"></textarea>
             <h1 class="h1UploadAdd">指导老师介绍</h1>
             <textarea placeholder="指导老师介绍" class="txtAdd"></textarea>
             <h1 class="h1UploadAdd">学校介绍</h1>
             <textarea placeholder="学校介绍" class="txtAdd"></textarea>
             <div class="upLoadreact">收起</div>
        </div>
        <div class="upExplain"><input type="checkbox" class="checkbox" data-validate="requireCheck" name="agree"> 
       		<p class="pExplain">我在此确认上述作品为我的原创作品，不涉及他人的专利权或著作权。我同意保留作品的署名权，同意著作权的其余权益归大赛主办单位中国狮子联会浙江会员管理委员会所有。</p>        
        </div>
         <input type="button" value="提交" class="sumiBtn gary loginRegiste loginRegisteForUpload"/>
    </div>
    <!-------------data END------------------------->
    </div>
</div>
<script type="text/javascript" src="/Public/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="/Public/js/area.js" ></script>
<script type="text/javascript" src="/Public/js/upload.js" ></script>
<script type="text/javascript" src="/Public/js/common.validate.js" ></script>
<script type="text/javascript">
	var wait=30;
	document.getElementById("validbtn").disabled = false;   
	function time(o) {
	if (wait == 0) {
		o.removeAttribute("disabled");           
		o.value="获取验证码";
		wait = 30;
		var d=document.getElementById('validbtn');
		d.style.color="#fff";
		d.style.background="#ef8c17";
	} else {
		o.setAttribute("disabled", true);
		o.value="" + wait + "后重新获取";
		wait--;
		var d=document.getElementById('validbtn');
		d.style.color="#888888";
		d.style.background="#cccccc";
		setTimeout(function() {
			time(o)
		},
		100)
	}
	}
	document.getElementById("validbtn").onclick=function(){time(this);}
</script> 
<script type="text/javascript">

var successCallback = function( params ){
	//alert( "passed" );
	$( ".sumiBtn" ).removeClass("gary");
	page.attend.init();
	common.cookie.init( { prefix: "upload", selector: ".sumiBtn", trigger: "click" } );
	//common.upload.init();

	/*$(".sumiBtn").click(function(){
		$(".loginBox").css('display','block');
		$(".mask").css('display','block');
	});*/
};
var errorCallback	=	function(){
	$( ".sumiBtn" ).unbind( "click" ).addClass("gary");
};

common.validate.init( successCallback, errorCallback );
common.cookie.init( { prefix: "upload", selector: ".sumiBtn", trigger: "click" } );
common.upload.init();
</script>
<!-------------main END------------------------->
<!-------------botNav------------------------>
<include  file="Tpl/footer" />
<!-------------botNav END------------------------->
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script language=javascript>
        wx.config({
            debug: false, 
            appId: {$wxuser['appid']}, // 必填，公众号的唯一标识
            timestamp: '{$timestamp}', // 必填，生成签名的时间戳
            nonceStr: '{$nonceStr}', // 必填，生成签名的随机串
            signature: '{$wxSha1}',// 必填，签名，见附录1
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage'] // 
        });

        wx.ready(function(){
            wx.onMenuShareTimeline({
                title:'小野带着钱 请你去撒野',
                link:'http://weixin.zbxinmeiti.com/index.php?m=Wap&c=Praise&a=index&reid=2&token=iequde1415960341',
                imgUrl:'http://weixin.zbxinmeiti.com/images/thumbnail.png',
                success:function(){
                    
                },
                cancel:function(){
                    
                }
            });

            wx.onMenuShareAppMessage({
            title: '小野带着钱 请你去撒野', // 分享标题
            desc: '小野出钱，让你任性！神秘景点门票，已经为你准备好啦，开始吧！', // 分享描述
            link: 'http://weixin.zbxinmeiti.com/index.php?g=Wap&m=Research&a=index&reid=2&token=iequde1415960341', // 分享链接
            imgUrl: 'http://weixin.zbxinmeiti.com/images/thumbnail.jpg', // 分享图标
            type: 'link', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () { 
            // 用户确认分享后执行的回调函数
            },
            cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
        });
            
        </script>
</body>
</html>
